{template "header.html"}
<div class="container">
	<div class="row">
		<div class="d-kuan d-gao-100-20"></div>
		<div class="container">
			
			<div class="col-md-6 col-md-offset-3 d-beijing-baise d-yuanjiao-20 d-shang-20">
				<div class="col-md-6 col-md-offset-3 d-bian">
					<div class="d-clear"></div>
				    <div class="d-kuan d-wenzi-juzhong d-shang-xia-50">
				        <a href="{SITE_URL}">
				            <img src="{SITE_LOGO}" alt="{SITE_NAME}" class="logo-default">
				        </a>
				    </div>
				</div>
				
				<div class="row ">
					
					<div class="col-md-12">
						<form id="myform" class="content d-shang-20" role="form">
						    {dr_form_hidden()}
						    <div class="form-body0">
								<div class="form-group" id="dr_row_value">
									<div class="input-icon">
										<i class="fa fa-user"></i>
										<input class="form-control placeholder-no-fix input-lg" type="text" autocomplete="off" placeholder="凭证"  id="dr_value" name="data[value]">
									</div>
								</div>
								<div class="form-group" id="dr_row_password">
									<div class="input-icon">
										<i class="fa fa-lock"></i>
										<input class="form-control placeholder-no-fix input-lg" type="password" autocomplete="off" placeholder="输入新的密码"  id="dr_password" name="data[password]">
									</div>
								</div>
						        <div class="form-group" id="dr_row_password2">
						        	<div class="input-icon">
						        		<i class="fa fa-lock"></i>
						        		<input class="form-control placeholder-no-fix input-lg" type="password" autocomplete="off" placeholder="再次输入新的密码"  id="dr_password2" name="data[password2]">
						        	</div>
						        </div>
								
								<div class="form-group" id="dr_row_code">
									<div class="">
										
										<div class="d-xia-10">
											<div class="input-icon">
												<i class="fa fa-code"></i>
												<input class="form-control placeholder-no-fix input-lg" type="text" autocomplete="off" placeholder="验证码" name="code" id="dr_code">
											</div>
											
										</div>
										<div class="d-kuan fc-code d-shang-10" >
											<div class="d-div-you">{dr_code(120, 35)}</div>
											<div class="d-clear"></div>
										</div>
									</div>
								</div>
						        <div class="form-group">
						           
						            
										<div class="input-group ">
						                    <input type="text" name="data[code]" class="form-control input-lg" placeholder="验证码">
						                    <span class="input-group-btn">
						                        <button class="btn green " type="button" onclick="dr_ajax_url('{$api_url}&code='+$('#dr_code').val()+'&value='+$('#dr_value').val())">发送验证码</button>
						                    </span>
						                </div>
						            
						        </div>
						        <div class="form-actions d-xia-20">
						            
						           
						                <button type="button" onclick="dr_ajax_submit('{dr_now_url()}', 'myform', '2000', '{dr_member_url('login/index')}')" class="btn blue d-kuan d-xia-20 d-yuanjiao-50"> 提交验证</button>
						            
						        </div>
								<div class="d-clear d-xia-20"></div>
						    </div>
						</form>
					</div>
				</div>
				<div class="row d-xiakuang-10">
					<div class="col-xs-12">
						<div class="col-xs-3 d-quxian-0 d-wenzi-juzhong d-hanggao-40 d-wenzi-20 d-shang-20 d-yuanjiao-10 {if $_GET['c'] == 'login' && $_GET['m'] != 'find' }d-beijing-hui0{/if} ">
							<a href="{SITE_URL}" style="color: #f34949;">返回</a>
						</div>
						<div class="col-xs-3 d-quxian-0 d-wenzi-juzhong d-hanggao-40 d-wenzi-20 d-shang-20 d-yuanjiao-10 {if $_GET['c'] == 'login' && $_GET['m'] != 'find' }d-beijing-hui0{/if} ">
							<a href="{dr_member_url('member/index')}" >登录</a>
						</div>
						<div class="col-xs-3 d-quxian-0 d-wenzi-juzhong d-hanggao-40 d-wenzi-20 d-shang-20 d-yuanjiao-10 {if $_GET['c'] == 'register' && $_GET['m']}d-beijing-hui0{/if}">
							<a href="{dr_member_url('register/index', ['groupid' => $i])}" >注册</a>
						</div>
						<div class="col-xs-3 d-quxian-0 d-wenzi-juzhong d-hanggao-40 d-wenzi-20 d-shang-20 d-yuanjiao-10 {if $_GET['c'] == 'login' && $_GET['m'] == 'find' }d-beijing-hui0{/if}">
							<a href="{dr_member_url('login/find')}" >找密</a>
						</div>
					</div>
					
					<div class="d-clear"></div>
				</div>
			</div>
		</div>
	</div>
</div>
<style>
	@media (max-width: 768px){
	.input-lg {
	    width: 100% !important;
	}
	}
	body {
	    /*position: relative;
	    height: 80vh;*/
	    align-items: center;
	    justify-content: center;
	    background-image: url({HOME_THEME_PATH}web/img/beijing.svg);
	    background-repeat: no-repeat;
	    background-size: cover;
	    animation: move 50s linear alternate infinite;
	}
	.btn.green:not(.btn-outline) {
	    color: #FFF;
		{if $qingchunkaiqi}
		background-color: {$qingchunzhuse};
		border-color: {$qingchunzhuse};
		{else}
		background-color: #11d2b5;
		border-color: #11d2b5;
		{/if}
		
	}
	.btn:not(.btn-sm):not(.btn-lg) {
	    line-height: 2.44;
	}
	.btn.blue:not(.btn-outline) {
	    color: #FFF;
	   
		{if $qingchunkaiqi}
		background-color: {$qingchunzhuse};
		border-color: {$qingchunzhuse};
		{else}
		background-color: #11d2b5;
		border-color: #11d2b5;
		{/if}
	}
	.form-control {
	    width: 100%;
	    height: 50px;
	    padding: 6px 12px;
	    background-color: #f3f4f7;
	    border: 1px solid #f3f4f7;
	    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
	    -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	}
	[class*=" fa-"]:not(.fa-stack), [class*=" glyphicon-"], [class*=" icon-"], [class^=fa-]:not(.fa-stack), [class^=glyphicon-], [class^=icon-] {
	    display: inline-block;
	    line-height: 30px;
	    -webkit-font-smoothing: antialiased;
	}
	.input-icon>i {
	    color: #ccc;
	    position: absolute;
	    margin: 11px 2px 4px 10px;
	    z-index: 3;
	    width: 16px;
	    font-size: 20px;
	    text-align: center;
	    left: 0;
	}
	.input-group-lg>.form-control, .input-group-lg>.input-group-addon, .input-group-lg>.input-group-btn>.btn, .input-lg {
	    /*height: 46px;*/
	    padding: 10px 16px;
	    font-size: 18px;
	    line-height: 1.33333;
	    border-radius: 50px;
	}
	.fc-code img {
	    height: 50px;
		border-radius: 50px;
		box-shadow: 0 6px 14px 0 rgba(227,233,237,.35);
	}
	.fc-code {
	    border: 1px solid #ffffff;
	    border-left: 0;
	    width: 100%;
		border-radius: 50px;
	}
	.d-shang-xia-50{
		padding-top: 50px;
		padding-bottom: 30px;
	}
	.d-beijing-baise {
	    /*background-color: #ffffff;*/
		background: linear-gradient(to bottom right, #ffffff, #ffffff, #ffffff);
	}
	.d-xiakuang-10 {
		padding-bottom: 15px;
	}
	.btn:not(.btn-sm):not(.btn-lg) {
	    line-height: 35px;
	}
	.d-gao-100-20 {
		height: 50px;
	}
	@media screen and (max-width: 800px) {
        .d-gao-100-20 {
    		height: 0px;
    	}
        body {
        /*display: flex;*/
        /*height: 80vh;*/
        background-color: #ffffff;
        align-items: center;
        justify-content: center;
        background-image: url();
        background-repeat: no-repeat;
        background-size: cover;
        animation: move 50s linear alternate infinite;
	}
	.btn.blue:not(.btn-outline) {
	    color: #FFF;
	    
		{if $qingchunkaiqi}
		background-color: {$qingchunzhuse};
		border-color: {$qingchunzhuse};
		{else}
		background-color: #11d2b5;
		border-color: #11d2b5;
		{/if}
	}
</style>
{template "footer.html", "/"}